	@charset "utf-8";
	
	/* Global resets */
	
	html, html#nojs {
		height: 100%;
	}
	
	html#js {
		height: 100%;
	}
	
	body {
		font-family:Verdana, Arial, sans-serif;
	    font-size:13px;
		min-height: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		background: #f0f0f0 url('images/bg.png') repeat-x 0 85px;;
		color: #494949;
	}
	
	#body-wrapper {
		width:960px;
		margin-left:80px;
		background:#FFF;
		border-left: 1px solid #bfbebe;
		border-right: 1px solid #bfbebe;
		border-bottom: 1px solid #bfbebe;
		padding: 15px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	
		
	}
	
	a {
		color: #2288cc;
		text-decoration:none;
	}
	
	a img {
		border: 0;
	}
	
	a:hover {text-decoration:underline;}
	
	
	form {
		margin: 0;
		padding: 0;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		margin: 0 0 1em;
		padding: 0;
	}
	h1 {
		font-family : Georgia, Tahoma, Arial, sans-serif ;
		font-size:36px;
	}
	h2{
		font-family: Georgia, Tahoma, Arial, sans-serif ;
	}
	
	h3, h4 {
		font-size:20px;
		margin:0 0 2px;
		color:#494949;
	}
	
	input, select, textarea {
		font-family: inherit;
		font-size: inherit;
		margin: 0;
	}
	
	p {
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	/* - Global resets */
	
	
	/* + Common classes */
	
	.error {
		color: #ff0000;	
	}
	
	.no-border {
		border: 0 !important;
	}
	
	div.hr {
		font-size: 1px;
		height: 1px;
		line-height: 1px;
		background: #a1a1a1;
	}
	
	input.text {
	}
	
	input.submit {
	}
	
	table.reset {
		border: 0;
		border-collapse: collapse;
	}
	
	table.reset td,
	table.reset th {
		padding: 0;
	}
	
	ul.reset {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	ul.reset li {
		margin: 0;
		padding: 0;
	}
	
	
	.clear {clear:both;}
	.floatl {float:left;}
	.floatr {float:right;}
	
	/*
	  * generic red and green will interfere with
	  * .green and .red classes used by swfupload progress bar
	  * (see swfupload/js/fileprogress.js)
	  * and that is kind of stupid..
	  * 
	  */
	
	.color-red {color:#f80813;}
	.color-green {color:#88cc44;}
	
	/* gray is #D3D3D3 and grey is #808080 */
	
	.grey {color:#808080;}
	
	.w200 {width:200px; }
	.f13 {font-size :13px;}
	.mt20 {margin-top :20px; }
	.ml20 {margin-left :20px; }
	.b {font-weight : bold ;}
	.gray {color : gray; }
	.pt10 {padding-top:10px;}
	.p20 {padding:20px;}
	.bbd5 {
		border-bottom : 1px solid #D5D5D5 ;
	}
	
	.seashellbg {
		background :#FFF5EE ;
	}
	
	.lightyellowbg{
		background: #FFFFE0 ;
	}
	
	
	.vertical{
		width:1em;
		text-transform:uppercase;
		letter-spacing :40px; /* arbitrary letter spacing for vertical */
	}
	
	#feedback{
		position:fixed;
		top:200px;
		right:0px;
		background-color:orange;
		padding:5px;
		font-size:14px;
		font-weight:bold;
	}
	
	* html #feedback { position: absolute;}
	
	 select {
		max-width: 220px;
		width: 220px;
		margin: 0 0 5px;
		border: 1px solid #BDC7D8 ;
		padding:2px;
			
	 }
	 
	/* - Common classes */
	
	
	
	.h-content,
	.f-content {
		width: 960px;
		margin: 0 auto;
	}
	
	
	#header {
		background:#2288cc;
		padding: 10px;
		height: 67px;
		color:#FFF;
	}
	
	#header h3 {
		color: #FFFFFF;
		font-size:36px;
	}
	
	#header h3 a {
		color: #FFFFFF ;
		text-decoration : none;
	}
	
	#head {
		
		height:107px;
	}
	
	#content {
		padding-top:10px;
		min-height : 600px;
	}
	
	
	#footer {
		background:#000000;
		padding:16px 0 6px;
		font-family: Arial, Helvetica, sans-serif;
		color: #bfbebe;
		margin-top:28px;
	}
	
	/* --------------- Header --------------- */
	
	#head h3 {
		color:#2288cc;
		font-size: 24px;
		float:right;
		margin-top: 28px;
		/* font-family:"Myriad Pro",Arial,Helvetica,Tahoma,sans-serif; */
	}
	
	#logo {
		margin-top:18px;
		float: left;
	}
	
	
	#search-top {
		float: right;
		height: 24px;
		width: 340px;
		font-family:Arial,Helvetica,Tahoma,sans-serif;
		padding-top: 28px;
	}
	
	#searchform {
		float:right;
		background:#FFF;
		height:16px;
		width:316px;
	}
	#searchform #s {
		border:none;
		background:transparent;
		font-family:"Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
		color:#949494;
		padding: 1px 5px;
		width: 290px;
		outline:none;
	}
	
	#searchform .button {
		
		background: url(images/search-btn.png) center no-repeat;
		border: 0;
		cursor:pointer;
		vertical-align:top;
	}
	
	#login {
		font-size:11px;
		padding-top: 2px;
	}
	
	#login a {color:#FFF;}
	#login .loginout {
		background: url("images/login-bg.png") no-repeat scroll 0 0 transparent;
		padding: 0 2px 0 14px;
	}
	
	#login .register {
		background: url('images/login-bg.png') no-repeat right bottom;
		padding:0 14px 0 2px;
	}
	
	#hcenter {
		margin:0 0 0 260px;
		font-size:16px;
		/* font-family:Arial,Helvetica,Tahoma,sans-serif; */
		padding-top:27px;
	}
	
	
	/* --------------- Footer --------------- */
	
	.f-content {
		text-align:right;
	}
	
	#copyright {
		color:#777777;
		font-size: 10px;
	}
	#social a {
		background: url("images/social.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 18px;
		margin: 0 3px;
		width: 18px;
	}
	#social .yt {
		background-position: 0 -18px;
	}
	#social .fb {
		background-position: 0 -36px;
	}
	
	#f-menu {}
	#f-menu ul {
			list-style:none;
			margin:8px 0 0;
			padding:0;
			font-size:14px;
	}
	#f-menu ul li {
			display:inline;
	}
	#f-menu ul li a {
			color:#dbdada;
			font-weight:bold;
			margin:0 7px;
	}
	
	
	/* forms stuff */
	
	div #form-wrapper {
		margin-left: 20px;
	}
	
	.form-table {
		padding:10px;
		margin-top : 20px;
		margin-bottom: 20px;
		font-size:13px;
	}
	
	.form-table  input{
		word-spacing: 1px;
		line-height: 1.8em;
		color: #333;
		border: 1px solid #bbb;
		width: 400px;
		height: 28px;
		padding-top:4px;
	
	}
	
	.form-table  textarea{
		word-spacing: 1px;
		line-height: 1.8em;
		color: #333;
		border: 1px solid #ccc;
		width: 400px;
		height :310px;
		padding-top:10px
	}
	
	
	.form-table .w200{width: 200px; }
	.form-table .w280{width: 280px; }
	.form-table .w580{ width: 580px;}
	.form-table .w780{ width: 780px;}
	.form-table .w80{ width: 80px;}
	.form-table .h130{ height: 130px;}
	.form-table .h430{ height: 430px;}
	
	
	.button-container {
		padding:10px;
	}
	
	.form-button {
		background:url('/css/images/btn-bg.png') repeat-x 0 0;
		border:none;
		border-left:1px solid #344b86;
		border-right:1px solid #445a8f;
		height:25px;
		line-height:25px;
		padding:0 15px;
		/* font-family:"Myriad Pro",Arial,Helvetica,Tahoma,sans-serif; */
		color:#FFF;
		text-shadow:1px 1px 1px #333;
		cursor : hand ;
	}
	
	
	div .form-error {
		margin-bottom: 10px;
		margin-top: 10px;
		color : red ;
	}
	
	div .form-message {
		margin-bottom: 10px;
		margin-top: 10px;
		color : green ;
	}
	
	div .error label {
		width: 500px;
		text-align: left;
		display: block;
		margin-left: 10px;
		color:red ;
	}
	
	.details {
		color: #727272;
		margin: 1px 24px;
		padding: 10px 0;
		text-align: justify;
		font-family: Arial;
		font-size: 12px;
		
	}
	
	
	/* 100 percent big site action button */
	div .blue-button {
		margin-bottom:10px;
		margin-top:20px;
		background-color: #0779B3;
		color:#FFFFFF; 
		padding:7px 20px;
		border-radius:5px;
		text-decoration:none;
		 text-align:center;
	
	}
	
	div .blue-button a {
		 color:#FFFFFF;
		 font-weight:bold;
		 text-align:center;
	
	}
	
	
	div .grey-button {
		margin-bottom:5px;
		background-color:#E9E9E9;
		color:#FFFFFF;
		padding:5px 10px;
		border-radius:5px;
		text-decoration:none;
		text-align:center;
		line-height:18px;
		font-size:12px;
	
	}
	
	div .grey-button a {
		 color:black;
		 font-weight:bold;
		 text-align:center;
	
	}
	
	.action-links {
		font-weight: bold;
		font-size: 14px;
		color: #28C;
		padding: 10px 0;
		margin-left:30px;
	}
	
	/* +star rating */
	
	.rating-static {
	  width: 60px;
	  height: 16px;
	  display: block;
	  background: url('images/star-rating.png') 0 0 no-repeat;
	}
	
	
	.rating-50 { background-position: 0 0; }
	.rating-40 { background-position: -12px 0; }
	.rating-30 { background-position: -24px 0; }
	.rating-20 { background-position: -36px 0; }
	.rating-10 { background-position: -48px 0; }
	.rating-0 { background-position: -60px 0; }
	
	.rating-5  { background-position: -48px -16px; }
	.rating-15 { background-position: -36px -16px; }
	.rating-25 { background-position: -24px -16px; }
	.rating-35 { background-position: -12px -16px; }
	.rating-45 { background-position: 0 -16px; }
	
	
	.doc-table {
		font-weight : normal ;
		font-size :13px;
		
	}
	
	.doc-table td {
		padding: 5px 20px 0 0;
	}
	
	/* +swfupload style */
	#form-wrapper #fsUploadProgress .legend {
		color: #8C4;
		font-size: 14px;
		/* font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif; */
		font-weight: bold;
		padding-top:10px;
	
	}
	
	
	#form-wrapper .fieldset {
		
		border: 2px solid #A1A1A1;
		padding: 10px;
		width: 400px;
	
	}
	
	#form-wrapper #divStatus {
		padding:20px;
		
	}
	
	.uploadCancelButton{
		margin-left: 5px;
		font-size: 18px;
		height: 22px;
		font-weight: bold ;
		padding:1px;
		
	}
	
	.progressWrapper {
		width: 357px;
		overflow: hidden;
	}
	
	.progressContainer {
		margin: 5px;
		padding: 4px;
		border: solid 1px #E8E8E8;
		background-color: #F7F7F7;
		overflow: hidden;
	}
	
	.message {
		margin: 1em 0;
		padding: 10px 20px;
		border: solid 1px #FFDD99;
		background-color: #FFFFCC;
		overflow: hidden;
	}
	
	/* Error */
	
	.red {
		border: solid 1px #B50000;
		background-color: #FFEBEB;
	}
	
	/* Current */
	.green {
		border: solid 1px #DDF0DD;
		background-color: #EBFFEB;
	}
	
	/* Complete */
	.blue {
		border: solid 1px #CEE2F2;
		background-color: #F0F5FF;
	}
	
	.progressName {
		font-size: 8pt;
		font-weight: 700;
		color: #555;
		width: 323px;
		height: 14px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.progressBarInProgress,
	.progressBarComplete,
	.progressBarError {
		font-size: 0;
		width: 0%;
		height: 2px;
		background-color: blue;
		margin-top: 2px;
	}
	
	.progressBarComplete {
		width: 100%;
		background-color: green;
		visibility: hidden;
	}
	
	.progressBarError {
		width: 100%;
		background-color: red;
		visibility: hidden;
	}
	
	.progressBarStatus {
		margin-top: 2px;
		width: 337px;
		font-size: 7pt;
		font-family: Arial;
		text-align: left;
		white-space: nowrap;
	}
	
	a.progressCancel {
		font-size: 0;
		display: block;
		height: 14px;
		width: 14px;
		background-image: url(../images/cancelbutton.gif);
		background-repeat: no-repeat;
		background-position: -14px 0px;
		float: right;
	}
	
	a.progressCancel:hover {
		background-position: 0px 0px;
	}
	
	.swfupload {
		vertical-align: top;
	}
	
	
	/* --- end - swfupload styles --- */
	
	/* + our application styles */
	
	#js-debug {
		background : #FFFFFF ;
		color:red ;
		font-size: 11px;
		padding:20px;
		
	}
	
	.resize {
		width: auto;
		height: auto;
		max-width: 160px;
		max-height: 160px;
	}
	
	.widget {
		margin-top:10px;
		margin-bottom: 10px;
		width: inherit;
		clear: both;
		padding:15px;
	}
	
	.widget h2 {
		font-weight:normal;
		
		color: black;
		font-size: 20px;
		margin: 0px 0px 10px 0px;
		line-height:1;
		text-align: left;
	}
	.widget h2 a {
		color: #005689;
		text-decoration: none;
	}
	
	.widget h3{
			font-weight: bold;
			font-size:14px;
	}
	
	.widget h4{
			font-weight: bold;
			font-size:12px;
	}
	
	/* Photo Post */
	
	.widget .photo {
		padding: 10px;
		background-color: #fff;
	   
	}
	
	
	/* Any photo inside a widget can only go till 90%  */
	.widget img {
		max-width : 90% ;
	}
	
	.widget .photo img {
		max-width:90%;
		border:6px solid #d5d5d5;
		/* auto width means bigger images will flow out of containers */
		/* width: auto; */
	}
	
	/* image and video alignment */
	
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	.video .alignright {float:right; margin:0 0 1em 1em}
	.video .alignleft {float:left; margin:0 1em 1em 0}
	.video .aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	.widget .embedCode { margin:10px;}
	
	.widget .photo .caption {
		font-size:        13px;
		margin-top:       17px;
	}
	
	.widget .photo .caption a {
		color: #222;
	}
	
	.widget .video{
		width: 100%;
		
	}
	
	.widget a{
		text-decoration: none;
	}
	.widget a:hover{
		text-decoration: underline;
	}
	
	/* Regular Post */
	.widget .regular {
		font-family : Georgia, Arial, sans-serif ;
		font-size:  16px;
		line-height:  24px;
		text-align: left;
		color: black;
		word-wrap: break-word;
		
	}
	
	.article-body {
		font-size: 18px;
		line-height: 24px;
		font-family: "Georgia","Times New Roman",serif;
		color: black;
		margin: 15px 0;
		word-wrap: break-word;
	}
	
	.article-body .links{
		padding:20px;
	}
	
	.widget .regular p{
		margin-bottom: 5px;
		text-indent :20px;
		text-align :justify ;
		/* for a very long single word use word-wrap trick */
		/* word-wrap: break-word; */
	}
	.widget .regular strong{
		font-weight: bold;
	}
	.widget div.regular ul{
		width:81%;
	}
	.widget div.regular ul  li{
		list-style-image:  url('images/text_li_bg.gif');
		margin-left:23px;
		padding:0 0 10px 0px;
	}
	
	/* @todo div regular style for text ol li */
	
	.widget div.regular ol  li{
		list-style:decimal; 
		margin-left:27px;
		padding:0 0 10px 0px;
	
	}
	
	.widget .regular blockquote {
		font-style:       italic;
	}
	
	.widget .external-link {
		
		background-color:#FF7906;
		color:#FFFFFF;
		padding:3px;
		font-size:12px;
		font-weight :bold;
		text-decoration:none;
		text-align:center;
		
	}
	
	/* + jquery tiny carousel */
	
	#slider-code { height:345px; overflow:hidden; }
	#slider-code .viewport {
		float: left; width: 400px; height: 300px;
		overflow: hidden; position: relative;padding:10px;
	}
	#slider-code .buttons {
		display: block; margin: 120px 10px 0 0; float: left;
		background: url("/css/images/tiny-buttons.png");
		width: 36px; height: 37px;
	}
	
	#slider-code .next { margin: 120px 10px 0 10px;  }
	#slider-code .prev { background-position: 0 -37px; }
	#slider-code .disable { visibility: hidden; }
	#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
	#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px;
		height: 300px; border: 5px solid #dcdcdc; width: 400px;
	}
	
	#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
	#slider-code .pager li { float: left; }
	#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center;
		padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block;
	}
	#slider-code .active { color: #fff; background-color:  #555555; }
	#slider-code a { font-size:14px; font-weight:bold;}
	/* automatic resiizng for all slider code images */
	#slider-code img {
		width: auto;
		height: auto;
		max-width: 400px;
		max-height: 300px;
	}
	
	/* end: jquery tiny carousel */
	
	
	/* + pagination  */
	.pagination {
		padding: 1em;
		margin: 1em 0;
		clear: left;
		font-size: 15px;
		color: #AAA;
	
	}
	
	.pagination a {
		/* border: 1px solid #9AAFE5;*/
		text-decoration : none ;
		padding: 2px 6px;
		
	}
	
	.pagination a:hover {
		border-color: #2E6AB1;
	}
	
	 
	 /* + post links and images preview classes */
	.hide-me {
		display:none ;
	 }
	 
	div#link-data { }
	div#media-data { }
	 
	 div#link-container {
		width:600px;
		padding:20px;
	
	 }
	 
	 div#link-container input{
		word-spacing: 1px;
		line-height: 1.8em;
		color: #333;
		border: 1px solid #bbb;
		width: 400px;
		height: 24px;
		padding-top:4px;
	 }
	 
	 div#link-container button {
		background-color:black;
		color:#FFFFFF !important;
		text-align :center ;
		border-radius:5px;
		text-decoration:none
		font-weight: bold;
		cursor: pointer;
	 }
	 
	 div#image-container{
		margin-bottom:20px;
		margin-left:20px;
		padding:20px;
		border:1px dashed #DDD ;
	 }
	
	 #form-wrapper #divstatus{
		padding:5px;
	 }
	 
	 #link-data {
		margin-top:20px;
	 }
	 
	 #media-data {
		width: 580px;
	 }
	 
	 div .previewImage{
		position :relative ;
		float : left;
		padding:11px;
		height:180px;
		width:180px;
		border:2px solid #DDD ;
		margin :5px;
	 }
	 
	 div .previewLink{
		padding-top:5px;
		font-size:11px;
	 }
	 
	 #sidebar {
		padding :20px;
		min-height:600px;
		
	 }
	
	#sidebar .block {
		background :#F1f1f1;
		min-height: 30px;
		padding: 20px;
		margin-bottom: 5px;
		padding-bottom: 20px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
	}
	
	#content hr{
		
	}

